@charset "UTF-8";
@import "reset";
//处理px单位的值，转换为rem单位；
@function r($px) {
    @return $px/100px*1rem;
}

* {
    font-size: 0;
}

.content_search {
    height: r(1140px);
    background-color: #f1f1f1;
    .search {
        height: r(88px);
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 r(15px);
        border-bottom: 1px solid #484848;
        text-align: center;
        background-color: #222222;
        margin: 0 auto;
        .icon_X {
            width: r(50px);
            height: r(50px);
            border-radius: r(50px);
            background-color: #b60005;
            display: flex;
            justify-content: center;
            align-items: center;
            i {
                font-size: r(16px);
                color: white;
            }
        }
        i:nth-child(2) {
            color: white;
            position: relative;
            left: r(50px);
        }
        input {
            width: r(534px);
            height: r(52px);
            border-radius: r(60px);
            background: #1f1f1f;
            border: r(2px) solid white;
            color: white;
            padding-left: r(55px);
            font-size: 16px;
        }
        input::-webkit-input-placeholder {
            font-size: 16px;
        }
    }
    .top_search {
        height: r(75px);
        display: flex;
        align-items: center;
        padding: 0 r(30px);
        p {
            font-size: r(27px);
        }
    }
    ul {
        padding: 0 r(30px);
        li {
            display: flex;
            div {
                height: r(57px);
                font-size: r(30px);
                border: 1px solid #e4e4e4;
                color: #8b8b8b;
                display: flex;
                justify-content: center;
                align-items: center;
                margin-right: r(10px);
                margin-top: r(10px);
            }
        }
        li:first-child {
            div:first-child {
                width: r(153px);
            }
            div:nth-child(2) {
                width: r(178px);
            }
            div:last-child {
                width: r(202px);
            }
        }
        li:nth-child(2) {
            div:first-child {
                width: r(120px);
            }
            div:nth-child(2) {
                width: r(152px);
            }
            div:last-child {
                width: r(291px);
            }
        }
        li:last-child {
            div:first-child {
                width: r(94px);
            }
            div:last-child {
                width: r(251px);
            }
        }
    }
}